<div
  #labelElement
  class="po-stepper-label"
  [class.po-link]="status !== 'disabled' && !this.disabledClick"
  [class.po-stepper-disabled-click]="this.disabledClick"
  [class.po-stepper-label-active]="status === 'active' || status === 'error'"
  [class.po-stepper-label-done]="status === 'done'"
  [class.po-stepper-label-vertical]="isVerticalOrientation"
  [class.po-stepper-label-center]="alignCenter"
  [p-tooltip]="tooltipContent"
  aria-hidden="true"
  (mouseover)="onMouseOver()"
  (mouseout)="onMouseOut()"
>
  {{ displayedContent }}
</div>
